<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="__PUBLIC__/admin/sncss/css/style.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/admin/sncss/css/combo.select.css" rel="stylesheet" type="text/css" />

</head>

<body>

	<div class="place">
	<span>位置：</span>
	<ul class="placeul">
	<li><a>首页</a></li>
	<li><a>展示音频列表</a></li>
	<li><a>修改音频</a></li>
	</ul>
	</div>

	<div class="formbody">

	<div class="formtitle"><span>修改音频 - {$data.title}</span></div>
		<ul class="forminfo">
			<li>
				<label>文章标题</label>
				<input name="title" type="text" id="title" class="dfinput" value="{$data.title}" required="required"/>
			</li>
			<label style="display: block;float: left;margin-right:38px;">文章内容</label>
			<div id="editor" style="width:800px;float:left;margin-bottom: 20px;">
				<div>{$data.wz}</div></div>
            <div style="margin: 5px 0 15px 80px;"><audio src="{$data.url2}" controls="controls"></audio></div>
            <div id="container" style="clear: both;margin-left:86px;padding:5px;width:80px;border:1px solid #ccc;">
                    <a id="pickfiles" href="javascript:;" ><span id="wzts" style="text-align: center;">选择修改音频</span></a>
            </div>
            <input type="hidden" name="url2" id="u2" value="{$data.url2}">
            <input type="hidden" name="id" id="pid" value="{$data.id}">
			<li style="margin-top:20px;">
				<label>&nbsp;</label>
				<a href="javascript:;" class="btn" style="padding:7px 40px;" id="qr">不修改音频请直接确认</a>
			</li>
		</ul>
	</div>
<script src="__PUBLIC__/js/jquery1.8.3.js"></script>
<script type="text/javascript" src="__PUBLIC__/wang/release/wangEditor.min.js"></script>
<script type="text/javascript" src='__PUBLIC__/admin/Js/plupload.full.min.js'></script>
<script type="text/javascript" src="__PUBLIC__/admin/Js/qiniu.js"></script>
<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#editor')
     editor.customConfig.menus = [
	    'head',  // 标题
	    'bold',  // 粗体
	    'italic',  // 斜体
	    'underline',  // 下划线
	    'strikeThrough',  // 删除线
	    'foreColor',  // 文字颜色
	    'backColor',  // 背景颜色
	    'link',  // 插入链接
	    'list',  // 列表
	    'justify',  // 对齐方式
	    'quote',  // 引用
	    'undo',  // 撤销
	    'redo'  // 重复
    ]
    editor.create();
</script>
<script type="text/javascript">
	var uploader = Qiniu.uploader({
	  	runtimes: 'html5,flash,html4',      // 上传模式，依次退化
	  	browse_button: 'pickfiles',         // 上传选择的点选按钮，必需
	  	uptoken_url: 'http://qiniu.heardtech.com/uptokenzs.php',    // Ajax请求uptoken的Url，强烈建议设置（服务端提供）
	  	domain:"http://audio.heardtech.com",     // bucket域名，下载资源时用到，必需
	  	container: 'container',             // 上传区域DOM ID，默认是browser_button的父元素
	  	max_file_size: '100mb',             // 最大文件体积限制
	  	max_retries: 3,                     // 上传失败最大重试次数
	  	dragdrop: true,                     // 开启可拖曳上传
	  	chunk_size: '100mb',                  // 分块上传时，每块的体积
	  	auto_start: true,                   // 选择文件后自动上传，若关闭需要自己绑定事件触发上传
	  	init: {
	      	'FilesAdded': function(up, files) {
	          	plupload.each(files, function(file) {
	              // 文件添加进队列后，处理相关的事情
	          	});
	      	},
	      	'BeforeUpload': function(up, file) {
	             // 每个文件上传前，处理相关的事情
	     	},
	      	'UploadProgress': function(up, file) {
	            $("#wzts").html('上传中..');
	      	},
	      	'FileUploaded': function(up, file, info) {
	      		$("#wzts").html('上传完成');
	            var domain = up.getOption('domain');
	            var res = JSON.parse(info.response);
	            var sourceLink = domain +"/"+ res.key;
	      		$("#u2").val(sourceLink);
	      		$('#qr').trigger("click");
	      	},
	      	'Error': function(up, err, errTip) {
	             //上传出错时，处理相关的事情
	      	},
	      	'UploadComplete': function() {
	             //队列文件处理完毕后，处理相关的事情
	      	},
	      	'Key': function(up, file) {
	            var key = "";
	            var str = new Date().valueOf();
	            key = str + '.mp3';
	            return key
	      	}
	  	}
	});
  	// 点击提交
	$("#qr").click(function(){
		var u2 = $("#u2").val();
		var title = $("#title").val();
		var html = editor.txt.html();
		var id = $("#pid").val();
		if(title == '' || html == '' || u2 == ''){
			alert('标题内容不能为空 音频必须上传');
			return false;
		}
		$.ajax({
		    url:"/Home/Mockaudio/mockaudiosavepost",
		    dataType:"json",
		    data:{"url2":u2,"title":title,"html":html,"id":id},
		    type:"post",
		    success:function(data){
		        if (data.code == '000000') {
					location.reload();
		        } else {
		        	alert('操作失败 请刷新重试');
		        }
		    },
		});
	})
</script>
</body>
</html>
